<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">

		<!-- 引入组件 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js"></script>
		<title></title>
	</head>
	<body style="background-color: #E5E5E5;">
		<div id="app">
			<van-nav-bar @click = "sub" title="结算" left-arrow style="background: #FF0000;">
				
			</van-nav-bar>
			<van-row style="margin: 10px auto; background: white; height: 30px;">
				<span style="color: #FF0000;">
					|
				</span>
				<span style="line-height: 30px;">
					商品清单
				</span>
			</van-row>
			<van-row style="background: white; height: 30px;">
				<span style="color: #FF0000; ">
					|
				</span>
				<span style="line-height: 30px;">
					收货地址
				</span>
			</van-row>
			<van-row style="background: white;">
				<p>
					联系人：
				</p>
				<p>
					手机号码：
				</p>
				<p>
					详细地址：
				</p>
				<p style="font-size: 14px; text-align: center; color: #CACED3;">
					其他收货地址>
				</p>
			</van-row>
			<van-row style="margin: 10px auto; background: white; height: 30px;">
				<span style="color: #FF0000;">
					|
				</span>
				<span style="line-height: 30px;">
					支付方式
				</span>
			</van-row>
			<van-row>
				<van-radio-group v-model="radio">
					<van-cell-group>
						<van-cell title="支付宝" clickable @click="radio = '1'">
							<van-radio name="1" />
						</van-cell>
						<van-cell title="微信" clickable @click="radio = '2'">
							<van-radio name="2" />
						</van-cell>
					</van-cell-group>
				</van-radio-group>
			</van-row>
			<van-tabbar>
				<van-submit-bar :price="3050" button-text="提交订单" />
			</van-tabbar>
		</div>
		<!-- <script type="text/javascript">
			function plusReady(){
		}
		if(window.plus){
			plusReady();
		}else{
			document.addEventListener('plusready', plusReady, false);
		}
		
		// 创建并显示新窗口
		function q(){
			var w = plus.webview.create('../views/home.html');
			w.show(); // 
			
		}
		</script> -->
		<script>
			var vm = new Vue({
				el: "#app",
				data: {
					radio: "1"
				},
				created:function(){
					document.addEventListener('plusready',function(){
					})
				},
				methods:{
					sub:function(){
						var w = plus.webview.create("../views/home.html","cc",{},{
							index:1
						})
						
						plus.webview.show("cc")
					}
				},
				
			})
		</script>
	</body>
</html>
